{% extends 'base.html' %}
{% block title %}  - Alphabetical search {% endblock %}

{% block content %}

<style type="text/css">  
	.align-center{
		margin:0 auto;
		width:550px;
		text-align:center;
	}
</style>  
<br/>
<div class="align-center">
	{% for x in abc %}
	<a href="/user/search/abc/?key={{x|lower}}">{{x}} | </a>
	{% endfor %}
	<br/>
	<a href="/user/search/abc/">View All</a>
</div>
<br/>

<p>Artist list | {% if artists.has_previous %} <a href="?page={{ artists.previous_page_number }}"><<<</a> {% endif %}
	Page {{ artists.number }} of {{ artists.paginator.num_pages }}.
	{% if artists.has_next %}
	<a href="?page={{ artists.next_page_number }}">>>></a>
	{% endif %}
</p>

<table width="700">
	<tr>
		<th>Last Name</th>
		<th>First Name</th>
		<th>Job title</th>

	</tr>
	{% for artist in artists.object_list %}
	<tr>
		<td><a href="/user/{{artist.id}}/">{{artist.last_name}}</a></td>
		<td><a href="/user/{{artist.id}}/">{{artist.first_name}}</a></td>
		<td><a href="/user/{{artist.id}}/">{{cu.get_profile.role}}</a></td>

	</tr>
	{% endfor %}
</table>

{% endblock %}